// 公共变量
$vw: 19.2;

@function pxToVw($px) { // $px为需要转换的字号
    @return calc($px / $vw * 1vw)
}

// 拼接图片路径
@mixin setBackgroundImage($imagePath, $x: 0, $y: 0) {
    //background: url("@/assets/images/map/searchbox.png") no-repeat 0 0;
    background: url("@/assets/images" + $imagePath) no-repeat $x $y;
    //background-image: url(($app-images-root) + $imagePath);
}

// 滑动动画
@mixin setTransition($time: 700ms) {
    transition: all $time;
}

// 字体大小
//$app-font-size: (20 / 19.2 * 1vw);
$app-font-size: pxToVw(14);
// 字体颜色
$app-font-color: rgba(255, 255, 255, 0.8);
// 字体高亮色
$app-font-height-color: #ffff43;
// 背景色
$app-bg-color: #0A2348;
// 背景颜色透明度
$app-bg-color-opacity: 0.9;
// 主题高亮色
$app-bg-height-color: #666666;
// 选中高亮色
$app-bg-select-height-color: #256FD9;
// 占位符：输入框的提示文本颜色
$app-placeholder-color: #cccccc;
// 右侧边距
$app-right-margin: pxToVw(28);

:root {
    // 主题色
    --app-bg-color: $app-font-color;
    // 主题高亮色
    --app-bg-height-color: $app-bg-height-color;
    // 字体色
    --app-font-color: $app-font-color;
    // 字体高亮色
    --app-font-height-color: $app-font-height-color;
}